<template>
<el-menu  class="cmAside" default-active="3-4-1" active-text-color="#ffff">
  <el-sub-menu index="3-4" >
    <template #title >消息</template>
    <router-link to="header"  >
      <el-menu-item index="3-4-1" class="acl" >
        系统通知
      </el-menu-item>
    </router-link>
    <router-link to="main">
      <el-menu-item index="3-4-2" class="acl">
        互动通知
      </el-menu-item>
    </router-link>
    <router-link to="HoDong">
      <el-menu-item index="3-4-3" class="acl">
        订单通知
      </el-menu-item>
    </router-link>
  </el-sub-menu>
</el-menu>



</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.cmAside {
  margin-top: 20px;
  width: 180px;
}
a{
text-decoration: none; /* 去除默认的下划线 */
color: #111111;   /* 去除默认的颜色和点击后变化的颜色 */

}
.acl:hover {
  color:#f93684
} 
.acl{
background-color: #fff;
min-width: 100px;
text-decoration: none; /* 去除默认的下划线 */
color: #111111;   /* 去除默认的颜色和点击后变化的颜色 */  
}

</style>